<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h3>{{ data.userInfo.name }}</h3>
    <h3>{{$t('home.userName')}}</h3>
  </div>
</template>

<script setup>
import { userInfo } from "@/store/userInfo";
import { reactive } from "vue";

const data = reactive({
  userInfo: userInfo().userInfo
});

</script>

<style scoped lang="scss">
h3{
  color: var(--primary-color);
}
</style>
